<template>
  <div :style="{ width: props.width, height: props.height }">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      :width="props.width"
      :height="props.height"
      viewBox="0 0 55.764 47.505"
      preserveAspectRatio="none meet"
    >
      <defs>
        <linearGradient
          id="linear-gradient"
          x1="0.5"
          y1="0.12"
          x2="0.5"
          y2="0.864"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" :stop-color="states.color" stop-opacity="0.102" />
          <stop offset="1" :stop-color="states.color" />
        </linearGradient>
      </defs>
      <g id="装饰8" transform="translate(-742.192 -371.232)">
        <path
          id="路径_1198"
          data-name="路径 1198"
          d="M205.1,341.415l-24.705,24.836a4.373,4.373,0,0,1-6.272,0l-24.787-24.918a43.106,43.106,0,0,0,55.764.084Z"
          transform="translate(592.859 51.16)"
          fill="url(#linear-gradient)"
        />
        <path
          id="路径_1199"
          data-name="路径 1199"
          d="M205.1,341.415l-24.705,24.836a4.373,4.373,0,0,1-6.272,0l-24.787-24.918a43.106,43.106,0,0,0,55.764.084Z"
          transform="translate(592.859 29.898)"
          fill="url(#linear-gradient)"
        />
      </g>
    </svg>
  </div>
</template>

<script setup lang="ts">
import { computed } from "vue";

let props = defineProps({
  width: {
    type: String,
    default: "",
  },
  height: {
    type: String,
    default: "",
  },
  models: {
    type: Object,
    default: () => ({}),
  },
});
const states = computed({
  get: () => props.models,
  set: () => {},
}) as any;
</script>

<style scoped lang="scss"></style>
